<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>二手房详情页</title>
    <link rel="stylesheet" href="../css/bootstrap-3.3.7-dist/css/bootstrap.css">
    <script src="../js/jquery-1.12.3.min.js"></script>
    <script src="../css/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/header.css">
    <script src="../js/public.js"></script>
    <link rel="stylesheet" href="../css/SecondHandDetails.css">
</head>
<body>
<!--*******************引入头部************************-->
<header id="header" >
    <div class="icon" >
        <div id="logo"><img src="../img/index/logo.png"/></div>
        <div id="my"><img class="" src="../img/index/my.png"/></div>
        <div id="xiazai"><img class="" src="../img/index/xiazai.png"/></div>
    </div>
</header>
<!--****轮播图 信息部分***********-->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <!--图片-->
    <div class="carousel-inner">
        <div class="item active">
            <img src="../img/SecondHandList/img.png" />
        </div>
        <div class="item ">
            <img src="../img/SecondHandList/img.png" />
        </div>
        <div class="item ">
            <img src="../img/SecondHandList/img.png" />
        </div>
    </div>
    <!--原点-->
    <!--<ol class="carousel-indicators">-->
    <!--<li data-target="#myCarousel" data-slide-to="0" class="active"></li>-->
    <!--<li data-target="#myCarousel" data-slide-to="1"></li>-->
    <!--<li data-target="#myCarousel" data-slide-to="2"></li>-->
    <!--</ol>-->
    <!--箭头-->
    <div class="white" id="info">
        <div id="info_con">
            <p>天鹅湾小区精装两居，满五唯一，业主换房急售</p>
            <p><span>576</span>万元（单价：46387元/平）</p>
            <p>挂牌时间 2015年6月20日</p>
            <p><span>学区房</span><span>满五唯一</span><span>独家</span></p>
        </div>
    </div>
    <!--<div id="num"> <span class="num">2</span> <span>/</span>  <span class="zong">3</span></div>-->
</div>
<!--***********房源信息部分****************-->
<div id="resInfo" class="white">
    <ul>
        <li>
            <ul>
                <li><span>户型：</span>3室2厅</li>
                <li><span>面积：</span>100平</li>
            </ul>
        </li>
        <li>
            <ul>
                <li><span>楼层：</span>中楼层</li>
                <li><span>朝向：</span>南北</li>
            </ul>
        </li>
        <li>
            <ul>
                <li><span>装修：</span>精装</li>
                <li><span>楼型：</span>塔楼</li>
            </ul>
        </li>
        <li>
            <ul>
                <li><span>年底：</span>2014年</li>
                <li><span>区域：</span>西二旗</li>
            </ul>
        </li>
        <li>
            <ul>
                <li><span>首付：</span>123万</li>
                <li><span>月供：</span>18683元</li>
            </ul>
        </li>
        <li>
            <ul>
                <li><span>地铁：</span>离西二旗地铁站800米</li>
            </ul>
        </li>
        <li>
            <ul>
                <li><span>小区：</span>珠江帝景</li>
            </ul>
        </li>
        <li>
            <ul>
                <li><span>学校：</span>北京市第二实验小学</li>
            </ul>
        </li>
        <li>
            <ul>
                <li><span>更多房源信息</span></li>
            </ul>
        </li>
    </ul>
</div>
<!--************房源特色部分****************-->
<div id="special" class="white">
    <ul>
        <li>特色房源</li>
        <li>
            小区环境优雅，虽处闹市中（小区南200米有美廉美超市、
            西30米有华联商场、星美国际影城、东北角就是大中电器、
            小区东100米有汇佳幼儿园、昌平实验一小，昆泰国际大酒...
        </li>
        <li>更多特色</li>
    </ul>
</div>
<!--************户型分间***************-->
<div id="pattern" class="white">
    <ul>
        <li>户型分间</li>
        <li>
            <div class="media-left">
                <img class="thumbnail" src="../img/SecondHandList/img4.png" />
            </div>
            <div class="media-body">
                <p>当前格局</p>
                <p>分间信息：客厅 25平 南北通...</p>
                <p><span>南北通透</span><span>全明格局</span></p>
            </div>
        </li>
        <li>
            <div class="media-left">
                <img  class="thumbnail" src="../img/SecondHandList/img5.png" />
            </div>
            <div class="media-body">
                <p>原始格局</p>
                <p>分间信息：客厅 25平 南北通...</p>
                <p><span>南北通透</span><span>全明格局</span></p>
            </div>
        </li>
    </ul>
</div>
<!--************学校****************-->
<div id="school" class="white">
    <ul>
        <li>对口学校</li>
        <li><span>学校名称：</span>北京市第二实验小学</li>
        <li><span>升学方式：</span>直升 派位</li>
        <li><span>对口中学：</span>团结湖中学</li>
        <li><span>划片小区：</span>3个划片小区 在售房源150套</li>
        <li><span>学校特色：</span>包食宿 有校车</li>
        <li>查看学校详情</li>
    </ul>
</div>
<!--*******************周边位置*************-->
<div id="map" class="white">
    <ul>
        <li>位置及周边</li>
        <li><img  src="../img/SecondHandList/map.png" /></li>
    </ul>
</div>

<!--********************引入尾部**************************-->
<footer >
    <div id="foot_content">
        <h3>北京找房无忧 > 首页</h3>
        <div id="phone">
            <ul>
                <li>
                    <div class="media-left">
                        <img src="../img/index/apple.png" />
                    </div>
                    <div class="media-body">
                        <p>iPhone</p>
                        <p>客户端</p>
                    </div>
                </li>
                <li>
                    <div class="media-left">
                        <img src="../img/index/android.png" />
                    </div>
                    <div class="media-body">
                        <p>Android</p>
                        <p>客户端</p>
                    </div>
                </li>
            </ul>
        </div>
        <div id="copy">
            <p>北京找房无忧房地产经纪公司</p>
            <p>网络经营许可证京ICP备20160812号</p>
        </div>
    </div>
</footer>
<script>
    $(function(){
        var $num="<div id='num'> " +
            "<span class='num'>1</span> <span>/</span>  <span class='zong'>3</span>" +
            "</div>";
        $("#myCarousel").append ($num);
        var index=0;
        $("#num>.zong").html($(".carousel-inner").children().size());
        $('#myCarousel').on('slide.bs.carousel', function () {
            ($(".carousel-inner").children().size())
            index=$(".carousel-inner>div.active").index();
            $("#num>.num").html((index+1));
        });
    })
    $(".carousel").carousel({
        interval:2000
    });

    $(function(){
        setRem();
        $(function(){
            $(window).bind("resize",function(){
                setRem();
            })
        });
    })
    //图片轮播

</script>
</body>
</html>